﻿

<style>
    .blur-loading {
        filter: blur(10px);
        -webkit-filter: blur(10px);
        -moz-filter: blur(10px);
        -o-filter: blur(10px);
    }
</style>


<!-- BEGIN PAGE TITLE/BREADCRUMB -->
<div class="parallax colored-bg pattern-bg" data-stellar-background-ratio="0.5">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="page-title">News</h1>
                <span us-spinner="{radius:15, width:4, length: 20}"></span>

                <!--<ul class="breadcrumb">
                    <li><a href="index.html">Home </a></li>
                    <li><a href="#">Properties</a></li>
                    <li><a href="properties-detail.html">Property Detail</a></li>
                </ul>-->
            </div>
        </div>
    </div>
</div>
<!-- END PAGE TITLE/BREADCRUMB -->
<!-- BEGIN CONTENT WRAPPER -->
<div class="content">
    <div class="container">
        <div class="row">

            <!-- BEGIN MAIN CONTENT -->
            <div class="main col-sm-8" ng-class="{'blur-loading': isSearch == true}">

                <h1 class="property-title">{{ News.Title }}</h1>

                <!--<div class="property-topinfo">
                    <ul class="amenities">
                        <li><i class="icon-apartment"></i> Apartment</li>
                        <li><i class="icon-area"></i> {{ property.LandSqrtFt }} Sq Ft</li>
                        <li><i class="icon-bedrooms"></i> {{ property.Room }}</li>
                        <li><i class="icon-bathrooms"></i> {{ property.Bathroom}}</li>
                    </ul>

                </div>-->

                <!-- BEGIN PROPERTY DETAIL SLIDERS WRAPPER -->
                <div id="property-detail-wrapper" class="style1">

                 
                    <div uib-carousel active="active" interval="myInterval" no-wrap="noWrapSlides">
                        <div uib-slide ng-repeat="slide in slides track by $index" index="$index">
                            <img ng-src="{{slide.pictureURL}}" style="margin:auto;max-height: 235px;">
                            <div class="carousel-caption">
                                <h4>Slide {{$index}}</h4>
                                <!--<p>{{property.LongHeading}}</p>-->
                            </div>
                        </div>
                    </div>


               

                </div>

                <p></p><br/>
                <div class="col-sm-12" style="font-size: 17px">
                    <label class="col-sm-4">Title</label>
                    <div class="col-sm-8">
                        <span>{{ News.Title }}</span>
                    </div>
                </div>

                <div class="col-sm-12" style="font-size: 17px">
                    <label class="col-sm-4">News Date</label>
                    <div class="col-sm-8">
                        <span> {{ News.NewsDateTime | date:'dd/MM/yyyy' }}</span>
                    </div>
                </div>


                

                <div class="col-sm-12" style="margin: 20px 0px;font-size: 17px;">
                    <label class="col-sm-4">News Details</label>
                    <div class="col-sm-8">
                        <span ng-bind-html="NewsDetails | unsafe"></span>
                    </div>
                </div>

                <div class="col-sm-12" style="font-size: 17px">
                    <label class="col-sm-4">Source</label>
                    <div class="col-sm-8">
                        <a target="_blank" href="{{ News.Source }}"> {{ News.Source | limitTo: 55}}</a>
                    </div>
                </div>




            

                <div class="share-wraper col-sm-12" style="font-size: 17px">
                    <h5>Share this Article:</h5>
                    <ul class="social-networks">
                        <li><a target="_blank" href="http://www.facebook.com/sharer.php?caption={{ shareTitle }}&description={{ shareDescription }}&u={{ shareURL }}&picture={{ shareImageURL }}"><i class="fa fa-facebook"></i></a></li>
                        <li><a target="_blank" href="https://twitter.com/intent/tweet?url={{ shareURL }}&amp;text={{ shareTitle }}"><i class="fa fa-twitter"></i></a></li>
                        <li><a target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url={{ shareURL }}&title={{ shareTitle }}&summary={{ shareDescription |limitTo:100 }}"><i class="fa fa-linkedin"></i></a></li>

                        <li><a target="_blank" href="https://plus.google.com/share?text={{ shareTitle }} {{ shareURL}}"><i class="fa fa-google"></i></a></li>

                        <li><a href="whatsapp://send?text={{ shareURL }} {{ shareTitle }}" data-action="share/whatsapp/share"><i class="fa fa-whatsapp"></i></a></li>


                        <li ng-show="isAndroid == true">
                            <a href="mailto:?subject={{ shareTitle }}&body=Hi%2C%0A%0ACheck%20out%20this%20news%20from%20Shijieproperty%3A%20{{ current_path_url }}%0A%0AThank%20you.">
                                <i class="fa fa-envelope"></i>
                            </a>
                        </li>
                        <li ng-show="isAndroid == false">
                            <a href="mailto:?Subject={{ shareTitle }}&Body=Hi%2C%0A%0ACheck%20out%20this%20news%20from%20Shijieproperty%3A%20%3Ca%20href%3D%22{{ current_path_url }}%22%3EHere%3C/a%3E%0A%0AThank%20you."><i class="fa fa-envelope"></i></a>
                        </li>

                    </ul>

                    <a class="print-button" href="javascript:window.print();">
                        <i class="fa fa-print"></i>
                    </a>
                </div>


                <!--<h1 class="section-title">Agent Information</h1>-->
                <!-- BEING AGENT INFORMATION -->
                <!--<div class="property-agent-info">
                    <div class="agent-detail col-md-4">
                        <div class="image">
                            <img alt="" src="{{ property.StaffPicURL }}" />
                        </div>

                        <div class="info">
                            <header>
                                <h2>{{ property.agentname }}</h2>
                            </header>

                            <ul class="contact-us">
                                <li><i class="fa fa-envelope"></i><a href="mailto:{{ property.email }}">{{ property.email }}</a></li>
                                <li><i class="fa fa-phone"></i> {{ property.mobile }}</li>
                            </ul>
                        </div>
                    </div>

                    <form class="form-style col-md-8">
                        <div class="col-sm-12">
                            <input type="text" name="Name" placeholder="Name" class="form-control required fromName" />
                        </div>

                        <div class="col-sm-12">
                            <input type="email" name="Email" placeholder="Email" class="form-control required fromEmail" />
                        </div>

                        <div class="col-sm-12">
                            <input type="text" name="Subject" placeholder="Subject" class="form-control required subject" />
                            <textarea name="Message" placeholder="Message" class="form-control required"></textarea>
                        </div>

                        <div class="center">
                            <button type="submit" class="btn btn-default-color submit_form"><i class="fa fa-envelope"></i> Send Message</button>
                        </div>
                    </form>
                </div>-->
                <!-- END AGENT INFORMATION -->
                <!-- BEGIN SIMILAR PROPERTIES -->
                <!--<h1 class="section-title">Similar Properties</h1>-->
                <!--<div id="similar-properties" class="grid-style1 clearfix">
                    <div class="row">
                        <div class="item col-md-4">
                            <div class="image">
                                <a href="properties-detail.html">
                                    <h3>Luxury Apartment with great views</h3>
                                    <span class="location">Upper East Side, New York</span>
                                </a>
                                <img src="http://placehold.it/760x670" alt="" />
                            </div>
                            <div class="price">
                                <i class="fa fa-home"></i>For Sale
                                <span>$950,000</span>
                            </div>
                            <ul class="amenities">
                                <li><i class="icon-area"></i> 2150 Sq Ft</li>
                                <li><i class="icon-bedrooms"></i> 4</li>
                                <li><i class="icon-bathrooms"></i> 3</li>
                            </ul>
                        </div>

                        <div class="item col-md-4">
                            <div class="image">
                                <a href="properties-detail.html">
                                    <h3>Stunning Villa with 5 bedrooms</h3>
                                    <span class="location">Miami Beach, Florida</span>
                                </a>
                                <img src="http://placehold.it/760x670" alt="" />
                            </div>
                            <div class="price">
                                <i class="fa fa-home"></i>For Sale
                                <span>$1,253,000</span>
                            </div>
                            <ul class="amenities">
                                <li><i class="icon-area"></i> 3470 Sq Ft</li>
                                <li><i class="icon-bedrooms"></i> 5</li>
                                <li><i class="icon-bathrooms"></i> 4</li>
                            </ul>
                        </div>

                        <div class="item col-md-4">
                            <div class="image">
                                <a href="properties-detail.html">
                                    <h3>Recent construction with 3 bedrooms</h3>
                                    <span class="location">Park Slope, New York</span>
                                </a>
                                <img src="http://placehold.it/760x670" alt="" />
                            </div>
                            <div class="price">
                                <i class="fa fa-home"></i>For Sale
                                <span>$560,000</span>
                            </div>
                            <ul class="amenities">
                                <li><i class="icon-area"></i> 1800 Sq Ft</li>
                                <li><i class="icon-bedrooms"></i> 3</li>
                                <li><i class="icon-bathrooms"></i> 2</li>
                            </ul>
                        </div>
                    </div>

                    <div class="row">
                        <div class="item col-md-4">
                            <div class="image">
                                <a href="properties-detail.html">
                                    <h3>Modern construction with parking space</h3>
                                    <span class="location">Midtown, New York</span>
                                </a>
                                <img src="http://placehold.it/760x670" alt="" />
                            </div>
                            <div class="price">
                                <i class="fa fa-home"></i>For Rent
                                <span>$850</span>
                            </div>
                            <ul class="amenities">
                                <li><i class="icon-area"></i> 1300 Sq Ft</li>
                                <li><i class="icon-bedrooms"></i> 1</li>
                                <li><i class="icon-bathrooms"></i> 2</li>
                            </ul>
                        </div>

                        <div class="item col-md-4">
                            <div class="image">
                                <a href="properties-detail.html">
                                    <h3>Single Family Townhouse</h3>
                                    <span class="location">Cobble Hill, New York</span>
                                </a>
                                <img src="http://placehold.it/760x670" alt="" />
                            </div>
                            <div class="price">
                                <i class="fa fa-home"></i>For Sale
                                <span>$846,000</span>
                            </div>
                            <ul class="amenities">
                                <li><i class="icon-area"></i> 1580 Sq Ft</li>
                                <li><i class="icon-bedrooms"></i> 2</li>
                                <li><i class="icon-bathrooms"></i> 2</li>
                            </ul>
                        </div>

                        <div class="item col-md-4">
                            <div class="image">
                                <a href="properties-detail.html">
                                    <h3>3 bedroom villa with garage for rent</h3>
                                    <span class="location">Bal Harbour, Florida</span>
                                </a>
                                <img src="http://placehold.it/760x670" alt="" />
                            </div>
                            <div class="price">
                                <i class="fa fa-home"></i>For Rent
                                <span>$1,500</span>
                            </div>
                            <ul class="amenities">
                                <li><i class="icon-area"></i> 2000 Sq Ft</li>
                                <li><i class="icon-bedrooms"></i> 3</li>
                                <li><i class="icon-bathrooms"></i> 2</li>
                            </ul>
                        </div>
                    </div>

                    <div class="row">
                        <div class="item col-md-4 disabled">
                            <div class="image">
                                <a href="properties-detail.html">
                                    <h3>Recent construction with 3 bedrooms.</h3>
                                    <span class="location">Manhattan, New York</span>
                                </a>
                                <img src="http://placehold.it/760x670" alt="" />
                            </div>
                            <div class="price">
                                <i class="fa fa-home"></i>For Sale
                                <span>$120,000</span>
                            </div>
                            <ul class="amenities">
                                <li><i class="icon-area"></i> 3250 Sq Ft</li>
                                <li><i class="icon-bedrooms"></i> 3</li>
                                <li><i class="icon-bathrooms"></i> 2</li>
                            </ul>
                        </div>

                        <div class="item col-md-4 disabled">
                            <div class="image">
                                <a href="properties-detail.html">
                                    <h3>Luxury Condo with 2 bedroms</h3>
                                    <span class="location">Brooklyn Heights, New York</span>
                                </a>
                                <img src="http://placehold.it/760x670" alt="" />
                            </div>
                            <div class="price">
                                <i class="fa fa-home"></i>For Sale
                                <span>$2,120,000</span>
                            </div>
                            <ul class="amenities">
                                <li><i class="icon-area"></i> 3120 Sq Ft</li>
                                <li><i class="icon-bedrooms"></i> 4</li>
                                <li><i class="icon-bathrooms"></i> 2</li>
                            </ul>
                        </div>

                        <div class="item col-md-4 disabled">
                            <div class="image">
                                <a href="properties-detail.html">
                                    <h3>Edition Residences on Collins Avenue</h3>
                                    <span class="location">Miami Beach, Florida</span>
                                </a>
                                <img src="http://placehold.it/760x670" alt="" />
                            </div>
                            <div class="price">
                                <i class="fa fa-home"></i>For Sale
                                <span>$975,000</span>
                            </div>
                            <ul class="amenities">
                                <li><i class="icon-area"></i> 1200 Sq Ft</li>
                                <li><i class="icon-bedrooms"></i> 1</li>
                                <li><i class="icon-bathrooms"></i> 2</li>
                            </ul>
                        </div>
                    </div>

                    <div class="row">
                        <div class="item col-md-4 disabled">
                            <div class="image">
                                <a href="properties-detail.html">
                                    <h3>Gorgeous Apartment in New York</h3>
                                    <span class="location">SoHo - Nolita, New York</span>
                                </a>
                                <img src="http://placehold.it/760x670" alt="" />
                            </div>
                            <div class="price">
                                <i class="fa fa-home"></i>For Sale
                                <span>$650,000</span>
                            </div>
                            <ul class="amenities">
                                <li><i class="icon-area"></i> 1000 Sq Ft</li>
                                <li><i class="icon-bedrooms"></i> 1</li>
                                <li><i class="icon-bathrooms"></i> 1</li>
                            </ul>
                        </div>

                        <div class="item col-md-4 disabled">
                            <div class="image">
                                <a href="properties-detail.html">
                                    <h3>Apartment on North Moore Street</h3>
                                    <span class="location">Tribeca, New York</span>
                                </a>
                                <img src="http://placehold.it/760x670" alt="" />
                            </div>
                            <div class="price">
                                <i class="fa fa-home"></i>For Rent
                                <span>$560</span>
                            </div>
                            <ul class="amenities">
                                <li><i class="icon-area"></i> 1245 Sq Ft</li>
                                <li><i class="icon-bedrooms"></i> 1</li>
                                <li><i class="icon-bathrooms"></i> 2</li>
                            </ul>
                        </div>

                        <div class="item col-md-4 disabled">
                            <div class="image">
                                <a href="properties-detail.html">
                                    <h3>Gorgeous villa with ocean view</h3>
                                    <span class="location">Bal Harbour, Florida</span>
                                </a>
                                <img src="http://placehold.it/760x670" alt="" />
                            </div>
                            <div class="price">
                                <i class="fa fa-home"></i>For Sale
                                <span>$1,500,000</span>
                            </div>
                            <ul class="amenities">
                                <li><i class="icon-area"></i> 2100 Sq Ft</li>
                                <li><i class="icon-bedrooms"></i> 3</li>
                                <li><i class="icon-bathrooms"></i> 3</li>
                            </ul>
                        </div>
                    </div>
                </div>-->

              

            </div>
            <!-- END MAIN CONTENT -->
            <!-- BEGIN SIDEBAR -->
            <div class="sidebar gray col-sm-4">

                <!-- BEGIN ADVANCED SEARCH -->
               <!-- <h2 class="section-title">Search Property</h2>
                <form>
                    <div class="form-group">

                        <div class="col-sm-12">
                            <input type="text" class="form-control" name="location" placeholder="City, State, Country, etc...">

                            <select class="col-sm-12" id="search_prop_type" name="search_prop_type" data-placeholder="Type of Property">
                                <option value=""> </option>
                                <option value="residential">Residential</option>
                                <option value="commercial">Commercial</option>
                                <option value="land">Land</option>
                            </select>

                            <select id="search_status" name="search_status" data-placeholder="Status">
                                <option value=""> </option>
                                <option value="sale">For Sale</option>
                                <option value="rent">For Rent</option>
                            </select>
                        </div>

                        <div class="col-md-6">
                            <select id="search_minarea" name="search_minarea" data-placeholder="Min. Area">
                                <option value=""> </option>
                                <option value="50">50m2</option>
                                <option value="100">100m2</option>
                                <option value="150">150m2</option>
                                <option value="200">200m2</option>
                                <option value="300">300m2</option>
                                <option value="500">500m2</option>
                                <option value="700">700m2</option>
                                <option value="1000">1000m2</option>
                            </select>
                        </div>

                        <div class="col-md-6">
                            <select id="search_maxarea" name="search_maxarea" data-placeholder="Max. Area">
                                <option value=""> </option>
                                <option value="50">50m2</option>
                                <option value="100">100m2</option>
                                <option value="150">150m2</option>
                                <option value="200">200m2</option>
                                <option value="300">300m2</option>
                                <option value="500">500m2</option>
                                <option value="700">700m2</option>
                                <option value="1000">1000m2</option>
                            </select>
                        </div>

                        <div class="col-sm-12">
                            <select id="search_bedrooms" name="search_bedrooms" data-placeholder="Bedrooms">
                                <option value=""> </option>
                                <option value="0">0</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="5plus">5+</option>
                            </select>

                            <select id="search_bathrooms" name="search_bathrooms" data-placeholder="Bathrooms">
                                <option value=""> </option>
                                <option value="0">0</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="4plus">4+</option>
                            </select>
                        </div>

                        <div class="col-md-6">
                            <select id="search_minprice" name="search_minprice" data-placeholder="Min. Price">
                                <option value=""> </option>
                                <option value="0">$0</option>
                                <option value="25000">$25000</option>
                                <option value="50000">$50000</option>
                                <option value="75000">$75000</option>
                                <option value="100000">$100000</option>
                                <option value="150000">$150000</option>
                                <option value="200000">$200000</option>
                                <option value="300000">$300000</option>
                                <option value="500000">$500000</option>
                                <option value="750000">$750000</option>
                                <option value="1000000">$1000000</option>
                            </select>
                        </div>

                        <div class="col-md-6">
                            <select id="search_maxprice" name="search_maxprice" data-placeholder="Max. Price">
                                <option value=""> </option>
                                <option value="25000">$25000</option>
                                <option value="50000">$50000</option>
                                <option value="75000">$75000</option>
                                <option value="100000">$100000</option>
                                <option value="150000">$150000</option>
                                <option value="200000">$200000</option>
                                <option value="300000">$300000</option>
                                <option value="500000">$500000</option>
                                <option value="750000">$750000</option>
                                <option value="1000000">$1000000</option>
                                <option value="1000000plus">>$1000000</option>
                            </select>
                        </div>

                        <p>&nbsp;</p>
                        <p class="center">
                            <button type="submit" class="btn btn-default-color">Search</button>
                        </p>
                    </div>
                </form> -->
                <!-- END ADVANCED SEARCH -->
                <!-- BEGIN LATEST NEWS -->
                <!--<h2 class="section-title">Latest News</h2>-->
                <!--<ul class="latest-news">
                    <li class="col-md-12">
                        <div class="image">
                            <a href="blog-detail.html"></a>
                            <img src="http://placehold.it/100x100" alt="" />
                        </div>

                        <ul class="top-info">
                            <li><i class="fa fa-calendar"></i> July 30, 2014</li>
                        </ul>

                        <h3><a href="blog-detail.html">How to get your dream property for the best price?</a></h3>
                    </li>
                    <li class="col-md-12">
                        <div class="image">
                            <a href="blog-detail.html"></a>
                            <img src="http://placehold.it/100x100" alt="" />
                        </div>

                        <ul class="top-info">
                            <li><i class="fa fa-calendar"></i> July 24, 2014</li>
                        </ul>

                        <h3><a href="blog-detail.html">7 tips to get the best mortgage.</a></h3>
                    </li>
                    <li class="col-md-12">
                        <div class="image">
                            <a href="blog-detail.html"></a>
                            <img src="http://placehold.it/100x100" alt="" />
                        </div>

                        <ul class="top-info">
                            <li><i class="fa fa-calendar"></i> July 05, 2014</li>
                        </ul>

                        <h3><a href="blog-detail.html">House, location or price: What's the most important factor?</a></h3>
                    </li>
                </ul>-->
                <!-- END LATEST NEWS -->
                <!-- BEGIN NEWSLETTER -->
                <form ng-submit="submitForm($event)">
                    <div id="newsletter" class="col-sm-12">
                        <h2 class="section-title">Subscribe our<br><span>Newsletter</span></h2>
                        <div class="input-group">
                            <input ng-model="subscription_email" type="text" placeholder="Enter your E-mail" name="subscription_email" id="email" class="form-control" />
                            <span class="input-group-btn">
                                <button class="btn btn-default-color" type="submit">Subscribe</button>
                            </span>
                        </div>
                    </div>
                </form>


                <iframe width="100%" height="500px" scrolling="no" style="border: none;" src="https://www.opinionstage.com/polls/2409394/poll" frameBorder="0" name="os_frame" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>


                <!-- END NEWSLETTER -->

            </div>
            <!-- END SIDEBAR -->

        </div>
    </div>
</div>
<!-- END CONTENT WRAPPER -->